<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>首页</title>
    <link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>
    <link href="static/index.css" rel="stylesheet">
</head>

<body>
<header class="site-header sticky-top py-1">
    <nav class="container d-flex flex-column flex-md-row justify-content-between">
        <a class="py-2" href="/" aria-label="Product">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"
                 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mx-auto" role="img"
                 viewBox="0 0 24 24"><title>Product</title>
                <circle cx="12" cy="12" r="10"/>
                <path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/>
            </svg>
        </a>
        <a class="nav-link p-2 active" href="/project_name">名字全称</a>
        <a class="nav-link p-2 active" href="/project_vowels">元音字母</a>
        <a class="nav-link p-2 active" href="/project_cart">购物车</a>
        <a class="nav-link p-2 active" href="/project_schedule">课程表</a>
        <a class="nav-link p-2 active" href="#">我的</a>
    </nav>
</header>

<main>
    <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
        <div class="col-md-5 p-lg-5 mx-auto my-5">
            <h1 class="display-1 fw-normal">Python Final Project</h1>
            <p class="lead ">项目1：名字全称应用</p>
            <p class="lead ">项目2：元音字母词频统计</p>
            <p class="lead ">项目3：购物车应用</p>
            <form method="post" action="/login">
                <a class="btn btn-primary btn-lg" href="#a">Learn More</a>
            </form>
        </div>
        <div class="product-device shadow-sm d-none d-md-block"></div>
        <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
    </div>

    <div id="a" class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
        <div class="bg-dark me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
            <div class="my-3 py-3">
                <h2 class="display-5 ">项目1</h2>
                <p class="lead">名字全称应用</p>
            </div>
            <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;">
                <a class="btn btn-primary btn-lg" type="button" href="/project_name">More</a>
                <svg t="1641051769248" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="9375" width="100%" height="200">
                    <path d="M665.729808 153.544368V0h-102.733792v153.544368h-255.90728V0H204.725824v153.544368H0v153.544368h870.455632V153.544368h-204.725824zM0 358.270192h255.90728v255.90728H0zM562.996016 430.220934a205.096704 205.096704 0 0 0-51.181456 132.775082 170.604853 170.604853 0 0 0 5.192322 51.181456H307.088736v-255.90728h255.90728zM0 665.358928h255.90728v255.90728H0zM562.996016 696.141978a363.833394 363.833394 0 0 0-189.148859 225.49511h-66.758421v-256.27816h230.316552z"
                          fill="#f2cf85" p-id="9376" data-spm-anchor-id="a313x.7781069.0.i16" class=""></path>
                    <path d="M562.996016 562.996016A153.915248 153.915248 0 1 0 716.911264 407.968127a153.915248 153.915248 0 0 0-153.915248 153.544368z"
                          fill="#eec36b" p-id="9377" data-spm-anchor-id="a313x.7781069.0.i15" class=""></path>
                    <path d="M716.911264 716.911264A308.201376 308.201376 0 0 0 407.968127 1024h616.031873a307.830496 307.830496 0 0 0-307.088736-307.088736z"
                          fill="#eec36b" p-id="9378" data-spm-anchor-id="a313x.7781069.0.i14" class="selected"></path>
                </svg>
            </div>
        </div>

        <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
            <div class="my-3 p-3">
                <h2 class="display-5">项目2</h2>
                <p class="lead">元音字母词频统计</p>
            </div>
            <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;">
                <a class="btn btn-primary btn-lg" type="button" href="/project_vowels">More</a>
                <svg t="1641051195789" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="5127" width="100%" height="200">
                    <path d="M976.896 1013.76H41.984c-14.336 0-25.6-11.264-25.6-25.6V88.576c0-14.336 11.264-25.6 25.6-25.6h166.912c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6H67.584V962.56h883.712V114.176h-141.312c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h166.912c14.336 0 25.6 11.264 25.6 25.6V988.16c0 14.336-11.264 25.6-25.6 25.6z"
                          p-id="5128" fill="#f3ca7e"></path>
                    <path d="M240.64 785.92c-6.144 0-12.288-2.048-16.896-6.144-10.752-9.216-11.776-25.6-2.048-36.352l169.472-192.512c4.608-5.12 10.752-8.192 17.408-8.704 6.656-0.512 13.312 2.048 18.432 6.144l139.264 123.392 175.616-186.368c9.728-10.24 26.112-10.752 36.352-1.024 10.24 9.728 10.752 26.112 1.024 36.352l-192.512 204.288c-9.728 10.24-25.088 10.752-35.84 1.536l-138.24-122.88-152.576 173.056c-5.12 6.144-12.288 9.216-19.456 9.216zM976.896 333.312H41.984c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h934.912c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM319.488 163.84c-14.336 0-25.6-11.264-25.6-25.6V33.28c0-14.336 11.264-25.6 25.6-25.6s25.6 11.264 25.6 25.6V138.24c0 14.336-11.264 25.6-25.6 25.6zM509.44 163.84c-14.336 0-25.6-11.264-25.6-25.6V33.28c0-14.336 11.264-25.6 25.6-25.6s25.6 11.264 25.6 25.6V138.24c0 14.336-11.264 25.6-25.6 25.6zM696.32 163.84c-14.336 0-25.6-11.264-25.6-25.6V33.28c0-14.336 11.264-25.6 25.6-25.6s25.6 11.264 25.6 25.6V138.24c0 14.336-11.264 25.6-25.6 25.6z"
                          p-id="5129" fill="#f3ca7e"></path>
                </svg>
            </div>
        </div>
    </div>

    <div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
        <div class="bg-light me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden">
            <div class="my-3 p-3">
                <h2 class="display-5">项目3</h2>
                <p class="lead">购物车应用</p>
            </div>
            <div class="bg-dark shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;">
                <a class="btn btn-primary btn-lg" type="button" href="/project_cart">More</a>
                <svg t="1641052124213" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="20639" width="100%" height="200">
                    <path d="M935.488 179.904c18.752 19.744 27.2 47.264 23.744 76.096l-50.336 268.448c-5.504 41.76-45.824 75.584-91.872 75.584L386.144 629.6c-0.832 0.224-1.792 0.224-2.496 0.224-16.576 0-30.656-11.968-31.84-27.616-1.216-16.512 12.032-30.624 29.44-31.936L814.4 540.48c15.872-0.128 29.216-11.744 31.04-25.024l50.336-268.416c1.184-10.048-1.792-21.056-8.128-27.776a20.8 20.8 0 0 0-15.392-6.464h-552.8c-17.664 0-32-13.376-32-29.76 0-16.416 14.464-29.792 32-29.792h552.928c24.448 0 46.752 9.44 63.104 26.656z m-73.28 509.504c14.528 0 32 15.232 32 31.872 0 16.384-14.208 32-32 32H343.68c-46.08 0-86.496-38.144-92.096-81.472L197.408 316.16l-30.784-166.272C164.704 135.296 150.496 128 136.64 128H95.968C78.304 128 64 110.176 64 93.76 64 77.44 78.432 64 96 64h40.64c46.528 0 87.52 29.76 94.08 85.888l29.76 166.272 54.336 347.776c1.792 13.856 15.264 25.472 28.736 25.472H862.24zM320 896s0 35.36 0 0a64 64 0 1 1 128 0 64 64 0 0 1-128 0z m384 0s0 35.36 0 0a64 64 0 1 1 128 0 64 64 0 0 1-128 0z"
                          p-id="20640" fill="#d4b2d3"></path>
                </svg>
            </div>
        </div>

        <div class="bg-dark me-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden">
            <div class="my-3 py-3">
                <h2 class="display-5">项目4</h2>
                <p class="lead">课程表，有时间就试一试</p>
            </div>
            <div class="bg-light shadow-sm mx-auto" style="width: 80%; height: 300px; border-radius: 21px 21px 0 0;">
                <a class="btn btn-primary btn-lg" type="button" href="/project_schedule">More</a>
                <svg t="1641052016032" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="14398" width="100%" height="200">
                    <path d="M325.1 176.1h373.1v74.6H325.1zM959.3 288c0 20.5-16.8 37.3-37.3 37.3-20.5 0-37.3-16.8-37.3-37.3 0-20.5-16.8-37.3-37.3-37.3H735.5v-74.6h111.9c61.6 0 111.9 50.4 111.9 111.9"
                          fill="#ccaae1" p-id="14399"></path>
                    <path d="M959.3 437.3v410.3c0 61.6-50.3 111.9-111.9 111.9H175.9C114.4 959.6 64 909.2 64 847.6V288c0-61.6 50.4-111.9 111.9-111.9h111.9v74.6H175.9c-20.5 0-37.3 16.8-37.3 37.3v559.6c0 20.5 16.8 37.3 37.3 37.3h671.5c20.5 0 37.3-16.8 37.3-37.3V437.3c0-20.6 16.8-37.3 37.3-37.3 20.5 0 37.3 16.7 37.3 37.3"
                          fill="#ccaae1" p-id="14400"></path>
                    <path d="M306.5 64.2c-51.5 0-93.3 41.8-93.3 93.3v111.9c0 51.5 41.8 93.3 93.3 93.3s93.3-41.8 93.3-93.3V157.5c0-51.5-41.8-93.3-93.3-93.3m18.6 205.2c0 10.4-8.2 18.6-18.6 18.6-10.4 0-18.6-8.2-18.6-18.6V157.5c0-10.5 8.2-18.6 18.6-18.6 10.4 0 18.6 8.2 18.6 18.6v111.9zM716.8 64.2c-51.5 0-93.3 41.8-93.3 93.3v111.9c0 51.5 41.8 93.3 93.3 93.3s93.3-41.8 93.3-93.3V157.5c0-51.5-41.8-93.3-93.3-93.3m18.7 205.2c0 10.4-8.2 18.6-18.6 18.6-10.4 0-18.6-8.2-18.6-18.6V157.5c0-10.5 8.2-18.6 18.6-18.6 10.4 0 18.6 8.2 18.6 18.6v111.9zM810.1 735.7H213.2c-20.6 0-37.3-16.7-37.3-37.3s16.7-37.3 37.3-37.3h596.9c20.6 0 37.3 16.7 37.3 37.3s-16.7 37.3-37.3 37.3M810.1 511.9H213.2c-20.6 0-37.3-16.7-37.3-37.3 0-20.6 16.7-37.3 37.3-37.3h596.9c20.6 0 37.3 16.7 37.3 37.3 0 20.6-16.7 37.3-37.3 37.3"
                          fill="#ccaae1" p-id="14401"></path>
                    <path d="M362.5 847.6c-20.6 0-37.3-16.7-37.3-37.3V474.6c0-20.6 16.7-37.3 37.3-37.3 20.6 0 37.3 16.7 37.3 37.3v335.7c0 20.7-16.7 37.3-37.3 37.3M660.9 847.6c-20.6 0-37.3-16.7-37.3-37.3V474.6c0-20.6 16.7-37.3 37.3-37.3 20.6 0 37.3 16.7 37.3 37.3v335.7c0 20.7-16.7 37.3-37.3 37.3"
                          fill="#ccaae1" p-id="14402"></path>
                </svg>
            </div>
        </div>
    </div>
</main>

<footer class="container py-5">
    <div class="row">
        <div class="col-12 col-md">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor"
                 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="d-block mb-2" role="img"
                 viewBox="0 0 24 24"><title>Product</title>
                <circle cx="12" cy="12" r="10"/>
                <path d="M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94"/>
            </svg>
            <small class="d-block mb-3 text-muted">&copy; 2017–2021</small>
        </div>
        <div class="col-6 col-md">
            <h5>Features</h5>
            <ul class="list-unstyled text-small">
                <li><a class="link-secondary" href="#">Cool stuff</a></li>
                <li><a class="link-secondary" href="#">Random feature</a></li>
                <li><a class="link-secondary" href="#">Team feature</a></li>
                <li><a class="link-secondary" href="#">Stuff for developers</a></li>
                <li><a class="link-secondary" href="#">Another one</a></li>
                <li><a class="link-secondary" href="#">Last time</a></li>
            </ul>
        </div>
        <div class="col-6 col-md">
            <h5>Resources</h5>
            <ul class="list-unstyled text-small">
                <li><a class="link-secondary" href="#">Resource name</a></li>
                <li><a class="link-secondary" href="#">Resource</a></li>
                <li><a class="link-secondary" href="#">Another resource</a></li>
                <li><a class="link-secondary" href="#">Final resource</a></li>
            </ul>
        </div>
        <div class="col-6 col-md">
            <h5>Resources</h5>
            <ul class="list-unstyled text-small">
                <li><a class="link-secondary" href="#">Business</a></li>
                <li><a class="link-secondary" href="#">Education</a></li>
                <li><a class="link-secondary" href="#">Government</a></li>
                <li><a class="link-secondary" href="#">Gaming</a></li>
            </ul>
        </div>
        <div class="col-6 col-md">
            <h5>About</h5>
            <ul class="list-unstyled text-small">
                <li><a class="link-secondary" href="#">Team</a></li>
                <li><a class="link-secondary" href="#">Locations</a></li>
                <li><a class="link-secondary" href="#">Privacy</a></li>
                <li><a class="link-secondary" href="#">Terms</a></li>
            </ul>
        </div>
    </div>
</footer>
</body>
</html>